<template>
	<!-- 直播联盟 -->
	<cu-dialog :show="modalName" :tag="tag"  bgColor="" @onHideModal="onClick">
		<block slot="content">
			<view class="boxs bg-white">
				<view class="padding-sm text-size-22" v-if="title">{{title}}</view>
				<view class="padding-sm text-size-30 text-gray-dark padding  align-center flex justify-center" style="height: 20vh;">{{content}}</view>
				<view class="flex flex-wrap solid-top">
					<button class="cu-btn bg-white text-size-28 text-gray text-bold radius-bottom-left  lg flex-sub" @click="onClick" data-type="left">{{leftstr}}</button>
					<button class="cu-btn bg-orange text-size-28 text-bold radius-bottom-right  lg flex-sub" @click="onClick" data-type="right">{{rightstr}}</button>
				</view>
			</view>
			
		</block>
	</cu-dialog>
</template>

<script>
	import cuDialog from './cu-dialog.vue';
	
	export default {
		components: {
			cuDialog
		},
		data() {
			return {

			};
		},
		name: 'goods-list',
		computed: {
			style() {
				var style = '';
				return style;
			}
		},
		props: {
			title: {
				type: String,
				default: ''
			},
			content: {
				type: String,
				default: '你有一个异常提示'
			},
			rightstr: {
				type: String,
				default: '确定'
			},leftstr: {
				type: String,
				default: '取消'
			},
			tag: { //对应标记
				type: String,
				default: 'DialogueModal'
			},
			modalName: { //显示标记，如果show==tag即显示该dialog
				type: String,
				default: null
			}
			
		},
		watch: {

		},
		created() {

		},
		methods: {
			onClick(e) {
				let type=e.currentTarget.dataset.type;
				this.$emit('onHideModal', type);
			}
		}
	};
</script>

<style scoped lang="scss">
.radius-bottom-left{
	border-radius: 0;
	border-bottom-left-radius: 24upx;
	
}
.radius-bottom-right{
	border-radius: 0;
	border-bottom-right-radius: 24upx;
}
.boxs{
	border-radius: 24upx;
}
</style>
